/*
	my jQuery Plugin
	Create By Johnson Yang
 */

(function ($) {
	var shade = '#556b2f';
	$.fn.greenify = function(option){
		if (option) {
			this.css('color',option)
		} else {
			this.css('color',shade);			
		}
		return this;
	};
/*
html css 结构绑定在文件 \课堂\1 jQuery\例子\02\index2.html
 */
	$.fn.myscrollBar = function(){
		var defaultSet = {
			scrollbox:'.sidenav'
			
		};
		$(this).each(function(k){
			$('.sidenav ul').append('<li>'+ $(this).html() +'</li>');
			$('.sidenav li').eq(k).attr('data-post',$(this).offset().top);
		});
		$('.sidenav li').click(function(){
			$(window).scrollTop($(this).attr('data-post'));
			$(this).parent().find('li').css({'background':'transparent','color':'#333'});
			$(this).css({'background':'#adadad','color':'#fff'});
		});


	};
/*
html css 结构绑定在文件 \课堂\1 jQuery\例子\01\myflash.html
 */
    $.fn.animateFlash = function(option){
        // var default = {
        //     'xx':1,
        //     'yy':2
        // };
        // default  = $.extend(default, option);
        
            /*添加控制按钮*/
            var t;
            var that = this;
            var navBar = document.createElement('ul');
            navBar.setAttribute('class','nav');
            for(var i = 0,len = this.find('.pic li').length; i < len;i++){
                navBar.appendChild(document.createElement('li'));
            }
            var navBg = document.createElement('div');
            navBg.setAttribute('class','navbg');
            this.find('div:first').append(navBg);
            this.find('div:first').append(navBar);
            // console.log(this);
            /*控制动态切换*/
            var bgcolor = ['#4085d2', '#fdeeeb', '#1B4046', '#D7DEE4', '#0AA9E0', '#D8DDE3', '#0C1222']
            var index = 0;
            function autoAnimate(){
                $piclis = that.find('.pic li');
                if(index >= $piclis.length) index = 0;
                $piclis.hide();
                $piclis.eq(index).show(200);
                that.css('background',bgcolor[index]);
                // console.log(that);
                that.find('.nav li').removeClass('navnow');
                that.find('.nav li').eq(index).addClass('navnow');
                index++;
            }
            autoAnimate();
            t = setInterval(autoAnimate,2000);
            $piclis.hover(
                function(){
                    clearInterval(t);
            },function(){
                t = setInterval(autoAnimate,2000);
            });
            this.find('.nav li').each(function(k){
                $(this).click([k],function(e){
                    that.find('.nav li').removeClass('navnow');
                    that.addClass('navnow');
                    index = e.data[0];
                    autoAnimate();
                    clearInterval(t);
                    t = setInterval(autoAnimate,2000);
                    // console.log(e.data[0]);
                });
            });
    };





}( jQuery ));


